iT邦幫忙

2023 iThome 鐵人賽

DAY 12
0
Modern Web

職缺資訊平台—Jobscanner系列 第 12

[需求] 條列開發需求 & 功能

  • 分享至 

  • xImage
  •  

要解決的問題

搜集多個求職網的前端職缺


要有的功能

顯示資訊

  • 職缺名稱 (必要)
  • 公司名稱 (必要)
  • 地點
  • 薪資範圍
  • 其他相關 Tag

排序

  • 薪資

過濾

  • 地點
  • 其他相關 Tag

需要的資料

職缺平台:104youratorCakeResume
哪些職缺:前端以及Front-end

*以 9/27 搜尋前端關鍵字為例

  • 104:4650 筆 (共 100 頁)
  • yourator:218 筆 (共 11 頁)
  • CakeResume:1000 筆 (共 100 頁)

每日 8:00 至平台抓取前端Front-end 職缺,將整理過後的資料存入 Firestore。

*備註:104 職缺薪資係以 Tag 方式呈現,無特定 Selector 可使用,需再額外做擷取
https://ithelp.ithome.com.tw/upload/images/20230927/20128122qZgOoEE1ro.png


Wireframe (初版)

https://ithelp.ithome.com.tw/upload/images/20230927/20128122437Q1n3iEZ.png

功能/畫面說明

  • 整體:

    • 支援桌機及手機裝置
    • 採捲動方式載入
  • Search:

    • Search 係對現有前端/Front-End 職缺做條件搜尋,而非重新至求職平台抓取資料
    • 用空格區隔多條件,並以 Tag 方式呈現條件內容
  • Job Card:

    • 點擊 Sort by 可選擇排序方式 (薪資高至低、薪資低到高(?!)...)
    • 點擊 Job Card 另開分頁導至原求職網-職缺連結
    • 新增之職缺標示 new (用職缺連結 URL 識別)
    • 104 職缺無公司縮圖,需額外使用灰底圖替代

上一篇
[前置作業] Firestore 實作- 從 Cloud Functions 更新資料
下一篇
[開發] 靜態頁面-專案結構
系列文
職缺資訊平台—Jobscanner31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言